
import React, { useEffect, useState } from 'react';
import { Layout, Carousel } from 'antd';
import axios from 'axios';


const { Content } = Layout;
function Home(props) {
    var [swiperList, setSwiperList] = useState([])
    useEffect(() => {
        axios.get("/api/swiper").then((res) => {
            setSwiperList(res.data.list);
        })
    }, [])
    return (
        <div className="home">
            <Layout>
                <Content
                    className="site-layout-background"
                    style={{
                        padding: 24,
                        margin: 0,
                        minHeight: 280,
                    }}
                >
                    <Carousel autoplay>
                        {
                            swiperList.map((item,index)=>{
                                return(
                            <a href={item.list} key={index}>
                                <img src={item.img}/>
                            </a>
                            )
                            })
                        }

                    </Carousel>
                    <div className="notices">
                    <div className="title">系统通知</div>
                        <ul className="list">
                            <li>2020年10月版本更新说明 | 呼叫系统</li>
                            <li>2021年1月版本更新说明 | 在线系统</li>
                            <li>2021年10月版本更新说明 | 智能系统</li>
                            <li>2021年11月版本更新说明 | 综合模块</li>
                        </ul>
                    
                    </div>
                </Content>
            </Layout>
        </div>
    );
}

export default Home;